<%@ page import="kioscodeal.Pedido" %>

<div class="fieldcontain ${hasErrors(bean: pedidoInstance, field: 'cliente', 'error')} required">
	<label for="cliente">
		<g:message code="pedido.cliente.label" default="Cliente" />
		<span class="required-indicator">*</span>
	</label>
	<g:if test="${session?.user?.role?.value == 'user'}">
		<g:select id="cliente" name="cliente.id" from="${kioscodeal.User.list()}" optionValue="login" optionKey="id" required="" disabled="" value="${pedidoInstance?.cliente?.id}" class="many-to-one"/>
	</g:if>
	<g:else>
		<g:select id="cliente" name="cliente.id" from="${kioscodeal.User.list()}" optionValue="login" optionKey="id" required="" value="${pedidoInstance?.cliente?.id}" class="many-to-one"/>
	</g:else>
	
</div>

<div class="form-group fieldcontain fieldcontain ${hasErrors(bean: pedidoInstance, field: 'estadoPedido', 'error')} required">
	<label for="estadoPedido">
		<g:message code="pedido.estadoPedido.label" default="Estado Pedido" />
		<span class="required-indicator">*</span>
	</label>
	<div class="input-group input-group">
		<span class="input-group-addon"><i class="fa fa-search"></i></span>
		
		<g:if test="${pedidoInstance?.estadoPedido?.value == 'Pendiente'}">
			<g:if test="${session?.user?.role?.value == 'user'}">
				<g:select name="estadoPedido" from="${[kioscodeal.EstadoPedido?.PENDIENTE,kioscodeal.EstadoPedido?.EN_CURSO,kioscodeal.EstadoPedido?.CANCELADO]}" keys="${[kioscodeal.EstadoPedido?.PENDIENTE,kioscodeal.EstadoPedido?.EN_CURSO,kioscodeal.EstadoPedido?.CANCELADO]}" optionValue="value" required="" value="${pedidoInstance?.estadoPedido?.name()}" disabled="" class="many-to-one form-control" placeholder="Estado del pedido"/>
			</g:if>
			<g:else>
				<g:select name="estadoPedido" from="${[kioscodeal.EstadoPedido?.PENDIENTE,kioscodeal.EstadoPedido?.EN_CURSO,kioscodeal.EstadoPedido?.CANCELADO]}" keys="${[kioscodeal.EstadoPedido?.PENDIENTE,kioscodeal.EstadoPedido?.EN_CURSO,kioscodeal.EstadoPedido?.CANCELADO]}" optionValue="value" required="" value="${pedidoInstance?.estadoPedido?.name()}" class="many-to-one form-control" placeholder="Estado del pedido"/>
			</g:else>						
		</g:if>
		<g:if test="${pedidoInstance?.estadoPedido?.value == 'En Curso'}">
			<g:if test="${session?.user?.role?.value == 'user'}">
				<g:select name="estadoPedido" from="${[kioscodeal.EstadoPedido?.ENVIADO,kioscodeal.EstadoPedido?.EN_CURSO]}" keys="${[kioscodeal.EstadoPedido?.ENVIADO,kioscodeal.EstadoPedido?.EN_CURSO]}" optionValue="value" required="" value="${pedidoInstance?.estadoPedido?.name()}" disabled="" class="many-to-one form-control" placeholder="Estado del pedido"/>
			</g:if>
			<g:else>
				<g:select name="estadoPedido" from="${[kioscodeal.EstadoPedido?.ENVIADO,kioscodeal.EstadoPedido?.EN_CURSO]}" keys="${[kioscodeal.EstadoPedido?.ENVIADO,kioscodeal.EstadoPedido?.EN_CURSO]}" optionValue="value" required="" value="${pedidoInstance?.estadoPedido?.name()}" class="many-to-one form-control" placeholder="Estado del pedido"/>
			</g:else>
		</g:if>
		<g:if test="${pedidoInstance?.estadoPedido?.value == 'Enviado'}">
			<g:if test="${session?.user?.role?.value == 'user'}">
				<g:select name="estadoPedido" from="${[kioscodeal.EstadoPedido?.ENVIADO,kioscodeal.EstadoPedido?.FINALIZADO]}" keys="${[kioscodeal.EstadoPedido?.ENVIADO,kioscodeal.EstadoPedido?.FINALIZADO]}" optionValue="value" required="" value="${pedidoInstance?.estadoPedido?.name()}" disabled="" class="many-to-one form-control" placeholder="Estado del pedido"/>
			</g:if>
			<g:else>
				<g:select name="estadoPedido" from="${[kioscodeal.EstadoPedido?.ENVIADO,kioscodeal.EstadoPedido?.FINALIZADO]}" keys="${[kioscodeal.EstadoPedido?.ENVIADO,kioscodeal.EstadoPedido?.FINALIZADO]}" optionValue="value" required="" value="${pedidoInstance?.estadoPedido?.name()}" class="many-to-one form-control" placeholder="Estado del pedido"/>
			</g:else>
			
		</g:if>
		<g:if test="${pedidoInstance?.estadoPedido?.value == 'Finalizado'}">
			<g:if test="${session?.user?.role?.value == 'user'}">
				<g:select name="estadoPedido" from="${[kioscodeal.EstadoPedido?.FINALIZADO]}" keys="${[kioscodeal.EstadoPedido?.FINALIZADO]}" optionValue="value" required="" value="${pedidoInstance?.estadoPedido?.name()}" disabled="" class="many-to-one form-control" placeholder="Estado del pedido"/>
			</g:if>
			<g:else>
				<g:select name="estadoPedido" from="${[kioscodeal.EstadoPedido?.FINALIZADO]}" keys="${[kioscodeal.EstadoPedido?.FINALIZADO]}" optionValue="value" required="" value="${pedidoInstance?.estadoPedido?.name()}" class="many-to-one form-control" placeholder="Estado del pedido"/>
			</g:else>		
			
		</g:if>
		<g:if test="${pedidoInstance?.estadoPedido?.value == 'Cancelado'}">
			<g:if test="${session?.user?.role?.value == 'user'}">
				<g:select name="estadoPedido" from="${[kioscodeal.EstadoPedido?.CANCELADO]}" keys="${[kioscodeal.EstadoPedido?.CANCELADO]}" optionValue="value" required="" value="${pedidoInstance?.estadoPedido?.name()}" disabled="" class="many-to-one form-control" placeholder="Estado del pedido"/>
			</g:if>
			<g:else>
				<g:select name="estadoPedido" from="${[kioscodeal.EstadoPedido?.CANCELADO]}" keys="${[kioscodeal.EstadoPedido?.CANCELADO]}" optionValue="value" required="" value="${pedidoInstance?.estadoPedido?.name()}" class="many-to-one form-control" placeholder="Estado del pedido"/>
			</g:else>
			
		</g:if>

	</div>
</div>

<div class="form-group fieldcontain ${hasErrors(bean: pedidoInstance, field: 'calificacionPedido', 'error')} required">
	<label for="calificacionPedido">
		<g:message code="pedido.calificacionPedido.label" default="Calificación Pedido" />
		<span class="required-indicator">*</span>
	</label>
	<div class="input-group input-group">
		<span class="input-group-addon"><i class="fa fa-search"></i></span>
		<g:if test="${pedidoInstance?.estadoPedido?.value == 'Finalizado'||pedidoInstance?.estadoPedido?.value == 'Cancelado'}">
			<g:if test="${session?.user?.role?.value == 'user'}">
				<g:select name="calificacionPedido" from="${[kioscodeal.CalificacionPedido?.POSITIVO,kioscodeal.CalificacionPedido?.NEGATIVO,kioscodeal.CalificacionPedido?.NEUTRAL]}" keys="${[kioscodeal.CalificacionPedido?.POSITIVO,kioscodeal.CalificacionPedido?.NEGATIVO,kioscodeal.CalificacionPedido?.NEUTRAL]}" optionValue="value" required="" value="${pedidoInstance?.calificacionPedido?.name()}" disabled="" class="many-to-one form-control" placeholder="Calificación del pedido"/>
			</g:if>
			<g:else>
				<g:select name="calificacionPedido" from="${[kioscodeal.CalificacionPedido?.POSITIVO,kioscodeal.CalificacionPedido?.NEGATIVO,kioscodeal.CalificacionPedido?.NEUTRAL]}" keys="${[kioscodeal.CalificacionPedido?.POSITIVO,kioscodeal.CalificacionPedido?.NEGATIVO,kioscodeal.CalificacionPedido?.NEUTRAL]}" optionValue="value" required="" value="${pedidoInstance?.calificacionPedido?.name()}" class="many-to-one form-control" placeholder="Calificación del pedido"/>
			</g:else>
			
		</g:if>		
		<g:else>
			<g:if test="${session?.user?.role?.value == 'user'}">
				<g:select name="calificacionPedido" from="${[kioscodeal.CalificacionPedido?.SIN_CALIFICACION]}" keys="${[kioscodeal.CalificacionPedido?.SIN_CALIFICACION]}" optionValue="value" required="" value="${pedidoInstance?.calificacionPedido?.name()}" disabled="" class="many-to-one form-control" placeholder="Calificación del pedido"/>
			</g:if>
			<g:else>
				<g:select name="calificacionPedido" from="${[kioscodeal.CalificacionPedido?.SIN_CALIFICACION]}" keys="${[kioscodeal.CalificacionPedido?.SIN_CALIFICACION]}" optionValue="value" required="" value="${pedidoInstance?.calificacionPedido?.name()}" class="many-to-one form-control" placeholder="Calificación del pedido"/>
			</g:else>
			
		</g:else>	
	</div>
</div>

<div class="form-group input-group fieldcontain ${hasErrors(bean: pedidoInstance, field: 'comentario', 'error')}">
	<label for="comentario">
		<g:message code="pedido.comentario.label" default="Comentario" />
	</label>
	<div class="input-group input-group">
		<span class="input-group-addon"><i class="fa fa-edit"></i></span>
		<g:if test="${session?.user?.role?.value == 'user'}">
			<g:textField name="comentario" maxlength="256" disabled="" value="${pedidoInstance?.comentario}" placeholder="Comentario"/>
		</g:if>
		<g:else>
			<g:textField name="comentario" maxlength="256" value="${pedidoInstance?.comentario}" placeholder="Comentario"/>
		</g:else>
	</div>
</div>

<div class="form-group fieldcontain ${hasErrors(bean: pedidoInstance, field: 'productoPedidos', 'error')} required">
	<label for="productoPedidos">
		<g:message code="pedido.productoPedidos.label" default="Producto Pedidos" />
		<span class="required-indicator">*</span>
	</label>
	
	<div class="input-group input-group">
		<span class="input-group-addon"><i class="fa fa-list-alt"></i></span>

			<ul>
				<g:each status="cantidad" var="producto" in="${pedidoInstance?.productoPedidos?.producto}">
			    	<li>Producto: ${producto.titulo}</li>
	   				<li>Cantidad: ${cantidad+1}</li>
				</g:each>
	
			</ul>

	</div>

</div>

<div class="form-group fieldcontain ${hasErrors(bean: pedidoInstance, field: 'fechaCreacion', 'error')} required">
	<label for="fechaCreacion">
		<g:message code="pedido.fechaCreacion.label" default="Fecha Creación" />
		<span class="required-indicator">*</span>
	</label>
	<div class="input-group input-group">
		<span class="input-group-addon"><i class="fa fa-calendar"></i></span>	
			<g:if test="${session?.user?.role?.value == 'user'}">
					<g:datePicker name="fechaCreacion" precision="day" disabled="disabled" value="${pedidoInstance?.fechaCreacion}" placeholder="Fecha Creación"/>
			</g:if>
			<g:else>
					<g:datePicker name="fechaCreacion" precision="day"  value="${pedidoInstance?.fechaCreacion}" placeholder="Fecha Creación"/>
			</g:else>		

	</div>
</div>

<div class="form-group fieldcontain ${hasErrors(bean: pedidoInstance, field: 'fechaDespacho', 'error')} required">
	<label for="fechaDespacho">
		<g:message code="pedido.fechaDespacho.label" default="Fecha Despacho" />
		<span class="required-indicator">*</span>
	</label>
	<div class="input-group input-group">
		<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
			<g:if test="${session?.user?.role?.value == 'user'}">
				<g:datePicker name="fechaDespacho" precision="day"  value="${pedidoInstance?.fechaDespacho}" disabled="disabled" placeholder="Fecha Despacho"/>
			</g:if>
			<g:else>
			<div >
				<g:datePicker name="fechaDespacho" precision="day"  value="${pedidoInstance?.fechaDespacho}"  placeholder="Fecha Despacho"/>
			</div>	
				
			</g:else>		
		
	</div>
</div>

